<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
              *{
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        .wrap{
            position: sticky;
            z-index: 2；
            }
        .wrap a{
            margin: 25px 20px;
            color: rgb(34, 32, 32);
            font-size: 10px;
            position: absolute;
            top: -20%;
            transform: translateX(50%) translateY(-50%);
            right: 20px;
        }
        .wrap{
            position: relative;
        }
        .header img{
             width: 100%;
             height: 700px;
             list-style: none;
             margin: -58px 0px auto
        }
        .logo{
            width: 100%;
            height: 50px;
            background-color:rgba(255,255,255,0.8);
        }
        .logo img{
            display: inline-block;
            vertical-align: middle;
            height: 45px;
            margin: 4px 0px -21px 175px;
            float: left;
        }
        .logo li a{
                margin: 25px 65px 0px;
                float: left;
                width: 43px;
                height: 19px;
                font-size: 14px;
                position: relative;
                text-decoration: none;
        }
        a:nth-of-type(2){
            margin-top: 45px;
        }
        .text span{
            margin: 0px 75px;
            font-size: 25px; 
        }
        .text p{
            font-size: 18px; 
            text-align: justify !important;
            font-family: "microsoft yahei";
            margin: 4.5%;
        }
        .first{
            border-left: 3px solid rgb(246, 78, 69);
            padding-left: 5px;
            padding-right: 5px;   
        }
        .second{
            border-left: 3px solid rgb(246, 78, 69);
            padding-left: 5px;
            padding-right: 5px;   
        }
        body{
            background: url(../images/pic31.jpg) no-repeat;
            background-size: 100% 100%;
            }
    </style>
</head>
<body>
    <div class="wrap">
        <a href="../html/登陆.html" target="_blank">登陆</a>
        <a href="">注册</a>
        <div class="logo">
            <h1>
                    <img src="images/pic2.jpg" alt="">
            </h1>
            <ul>
                <li>
                    <a href="file:///C:/Users/29113/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/1.html">首页</a>
                </li>
                </a>
                <li>
                    <a href="肠粉.html">肠粉</a>
                </li>
                <li>
                    <a href="艇仔粥.html">艇仔粥</a>
                </li>
                <li>
                    <a href="虾饺.html">虾饺</a>
                </li>
                <li>
                    <a href="糯米鸡.html">糯米鸡</a>
                </li>
                <li>
                    <a href="蒸排骨.html">蒸排骨</a>
                </li>
                <li>
                    <a href="凤爪.html">凤爪</a>
                </li>
            </ul>
        </div>
        <div class="text">
            <p></p>
            <p class="first">简介</p>
            <p>糯米鸡，发源于中国广东省广州市，所属粤菜系。
                该小吃的制法是在糯米里面放入鸡肉、叉烧肉、排骨、咸蛋黄、冬菇等馅料，然后以荷叶包实放到蒸具蒸熟；糯米鸡入口充满着荷叶的清香，咀嚼时黏牙并带有着鸡肉的肉香
            </p>
            <p>
                <img src="../images/pic24.jpg" alt="">
            </p>
            <p class="second">糯米鸡的由来</p>
            <p>相传糯米鸡起源是解放前广州的夜市，最初是以碗盖着蒸熟而成，后来为小贩为方便肩挑出售，改为以荷叶包裹。古代糯米鸡以糯米、瑶柱、虾干粒，或去骨的鸡翅等作馅料精制而成。传统的糯米鸡的份量较大，足有三四两米，吃一个糯米鸡基本就是半顿饭量。因此，1980年代起的广东酒楼推出材料相同，而体积小一半的“珍珠鸡”。。
            </p>
            <p>
                <img src="../images/pic25.jpg" alt="">
            </p>
        </div>
</body>
</html>